
import React, { useState, useEffect } from 'react';

const SimpleCountdown = ({ initialTime }) => {
  const [timeLeft, setTimeLeft] = useState(initialTime);
  useEffect(() => {
    const interval = setInterval(() => {
      setTimeLeft(prevTime => {
        if (prevTime > 0) {
          return prevTime - 1;
        } else {
          // 当时间到达0时，清除定时器并显示提示
          clearInterval(interval);
          alert('倒计时结束!');
        //   return prevTime; // 实际上这里返回什么已经不重要了，因为定时器已经被清除
        }
      });
    }, 1000);
  }, []); // 依赖数组为空，因为定时器只需要在组件挂载时设置一次
 
//   这是把其变成标准形式的倒计时
//   const formatTime = (seconds) => {
//     const minutes = Math.floor(seconds / 60);
//     const secs = seconds % 60;
//     return `${minutes.toString().padStart(2, '0')}:${secs.toString().padStart(2, '0')}`;
//   };

  return (
    <div>
      <h1>倒计时: {timeLeft}s</h1>
    </div>
  );
};

export default SimpleCountdown;